<!--
  Generated template for the DhzqPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar color="dark">
        <ion-title>猜跌涨兑换专区</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>

   <div class="ge_xin" padding>
       <div class="bai" padding>
            <!--头像-->
            <div class="ge_tou">
                <ion-img width="70" height="70" src='assets/img/1.png'></ion-img>
                <h5 class="ge_name">{{huabi.username}}</h5>
            </div>
            <!--花币-->
            <div class="ge_niubi">
                <h4 style="font-size: 1.5rem;">可用牛牛币：<span>{{huabi.money}}</span></h4>
                <button class="ge_chong" (click)="chong()">充值</button>
                <button class="ge_dui" (click)="duihuan()">兑换记录</button>
            </div>
       </div>
    </div>
    <!--兑换内容k.content-->
    <ion-list>
  <ion-item *ngFor="let k of data_list">       
        <ion-thumbnail item-start>
             <img src="{{k.thumb}}" width="80px" height="60px">
        </ion-thumbnail>

      <ion-card-content>
       <p style="font-size: 16px">{{k.title}}</p>
        <br/> 
        <p style="font-size: 10px">{{k.title2}}</p>
         <div class="dui_left">
                <h5><span>{{k.money}}</span>牛牛币</h5>
            </div>
         <button class="duihuan" (click)="dui(k.title,k.money,k.id)">立即兑换</button>
      </ion-card-content>
      
  </ion-item>
</ion-list>
 <!--上拉刷新-->
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="数据加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
    <!--<ul class="dui_cont">
        <li>
            <img src={{huabi.image}} alt="">
            <h4>{{huabi.name}}</h4>
            <div class="dui_left">
                <h5><span>{{huabi.money}}</span>牛牛币</h5>
            </div>
             <button class="duihuan" (click)="dui()">立即兑换</button>
        </li>
         <li>
            <img src="http://gp.huirn.cn/statics/uploads/shopimg/20160414/43017000636089.jpg" alt="">
            <h4>50元京东卡</h4>
            <div class="dui_left">
                <h5><span>{{huabi.money}}</span>牛牛币</h5>
            </div>
             <button class="duihuan" (click)="dui()">立即兑换</button>
        </li>
        <li>
            <img src="http://gp.huirn.cn/statics/uploads/shopimg/20160414/22600000635354.png" alt="">
            <h4>50元京东卡</h4>
            <div class="dui_left">
                <h5><span>{{huabi.money}}</span>牛牛币</h5>
            </div>
             <button class="duihuan" (click)="dui()">立即兑换</button>
        </li>
        <li>
            <img src="http://gp.huirn.cn/statics/uploads/shopimg/20160414/13374000622436.jpg" alt="">
            <h4>50元京东卡</h4>
            <div class="dui_left">
                <h5><span>{{huabi.money}}</span>牛牛币</h5>
            </div>
             <button class="duihuan" (click)="dui()">立即兑换</button>
        </li>
    </ul>-->
</ion-content>